<!DOCTYPE>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org" lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <link type="text/css" rel="stylesheet" th:href="@{/css/style.css}"/>
        <link type="text/css" rel="stylesheet" th:href="@{/jquery/bootstrap_3.3.0/css/bootstrap.min.css}"/>
        <!--&lt;!&ndash;[if IE 6]>-->
        <!--<script th:src="@{/js/iepng.js" type="text/javascript"></script>-->
        <!--    <script type="text/javascript">-->
        <!--       EvPNG.fix('div, ul, img, li, input, a'); -->
        <!--    </script>-->
        <!--<![endif]&ndash;&gt;-->
        <script type="text/javascript" th:src="@{/jquery/jquery-3.6.0.js}"></script>
        <!--<script type="text/javascript" th:src="@{/jquery/jquery-1.11.1-min.js}"></script>-->
        <script type="text/javascript" th:src="@{/js/jquery-1.11.1.min_044d0927.js}"></script>
        <!--<script type="text/javascript" th:src="@{/js/jquery-1.8.2.min.js}"></script>-->
        <script type="text/javascript" th:src="@{/js/menu.js}"></script>
        <script type="text/javascript" th:src="@{/js/n_nav.js}"></script>
        <script type="text/javascript" th:src="@{/js/num.js}">
            var jq = jQuery.noConflict();
        </script>
        <script type="text/javascript" th:src="@{/js/shade.js}"></script>
        <title>尤洪</title>
        <script type="text/javascript" th:inline="javascript">
            //获取协议名称
            var scheme = [[${#request.getScheme()}]];
            //获取服务器名称
            var serverName = [[${#request.getServerName()}]];
            //获取服务器端口号
            var serverPort = [[${#request.getServerPort()}]];
            //获取上下文根
            var contextPath = [[${#request.getContextPath()}]]
            var allPath = scheme + "://" + serverName + ":" + serverPort + contextPath;
            var totalPrice1 = 0;
            //用来存储所有商品总价
            var totalPrice2 = 0;

            $(function () {

                //当页面加载完毕后调用显示购物车中商品信息的函数
                showCar();

                //页面加载完毕后,需要触发一个方法
                //默认展开列表的第一页,每页展现两条记录
                pageList(1, 10)

                //为查询按钮绑定事件
                $("#searchBtn").click(function () {
                    /*
                    	点击查询按钮的时候,我们应该将搜索框中的信息保存起来,保存到隐藏域中
                     */
                    $("#hidden-productName").val($.trim($("#search-productName").val()));

                    //查询后将搜索框中的信息清空
                    pageList(1, 10);

                    $("#search-productName").val("");
                });

                $("#qx").click(function () {
                    $("input[name=xz]").prop("checked", this.checked);
                });

                //当所有的复选框选中后,全选复选框也要✔,但是复选框是动态生成的,不能够以普通绑定事件的形式来绑定
                $("#shopBody").on("click", $("input[name=xz]"), function () {
                    $("#qx").prop("checked", $("input[name=xz]").length === $("input[name=xz]:checked").length)
                });

                //当全选框被选中时,将所有商品总价赋值到商品总价上
                if ($("#qx").is(':checked')) {
                    alert("111");
                    $("#totalPrice1").html(totalPrice2);
                }


                //totalPrice();


            })

            function showPrice(n) {
                //alert(n);

                var $xz = $("input[name=xz]");

                for (i = 0; i < $xz.length; i++) {
                    var subtotal1 = 0;
                    if ($($xz[i]).is(":checked")) {
                        if (i == n) {
                            //alert(parseInt($("#subtotal" + i).html()));
                            subtotal1 = parseInt($("#subtotal" + i).html());
                            totalPrice1 += subtotal1;
                            //alert(totalPrice1);
                            $("#totalPrice1").html(totalPrice1);
                        }
                    }
                }

                for (i = 0; i < $xz.length; i++) {
                    var subtotal1 = 0;
                    if (!$($xz[i]).is(":checked")) {
                        if (i == n) {
                            //alert(parseInt($("#subtotal" + i).html()));
                            subtotal1 = parseInt($("#subtotal" + i).html());
                            totalPrice1 -= subtotal1;
                            //alert(totalPrice1);
                            $("#totalPrice1").html(totalPrice1);
                        }
                    }
                }

            }

            function toBuyCarTwo() {
                var $xz = $("input[name=xz]:checked");

                if ($xz.length === 0) {
                    alert("请勾选需要结算的商品");
                } else {
                    if (confirm("确定结算所选中的商品吗?")) {
                        var param = "";
                        for (var i = 0; i < $xz.length; i++) {
                            param += "id=" + $($xz[i]).val();
                            if (i < $xz.length - 1) {
                                param += "&";
                            }
                        }
                        window.location.href = allPath + '/car/Settlement.do?' + param;
                    }
                }
            }

            function toCategoryList() {
                var productTypeId = $("#hidden-productTypeId").val();
                window.location.href = "/product/CategoryList.do?id=" + productTypeId;
            }

            function deleteShop(id) {

                if (confirm("确定删除所选中的商品吗?")) {
                    $.ajax({
                        url: allPath + "/car/delete.do",
                        data: {
                            "id": id,
                        },
                        type: "post",
                        dataType: "json",
                        success: function (data) {
                            /*
                                data:
                                    {"success":true/false}
                            */
                            if (data) {
                                //删除成功刷新列表
                                pageList(1, 10);
                            } else {
                                alert("商品删除失败");
                            }
                        }
                    })
                }
            }

            function pageList(pageNo, pageSize) {
                var userId = [[${session.loginUser}]].id;
                //将全选的复选框的勾干掉
                $("#qx").prop("checked", false);

                //查询前,将隐藏域中保存的信息取出来,重新赋予到搜索框中
                $("#search-productName").val($.trim($("#hidden-productName").val()));

                $.ajax({
                    url: allPath + "/car/pageList.do",
                    data: {
                        "pageNo": pageNo,
                        "pageSize": pageSize,
                        "userId": userId,
                        "productName": $.trim($("#search-productName").val()),
                    },
                    type: "get",
                    dataType: "json",
                    async: false,
                    success: function (data) {
                        var html = "";
                        $.each(data.dataList, function (i, n) {
                            html += '<input type="hidden" id="hidden-store" value="' + n.stores + '"/>';
                            html += '<tr>';
                            html += '<td><input type="checkbox" id="xz' + i + '" name="xz" onclick="showPrice(\'' + i + '\')" value="' + n.id + '"/></td>';
                            html += '<td>';
                            html += '<div class="c_s_img">';
                            html += '<img src="' + allPath + n.imageUrl + '" width="73" height="73"/>';
                            html += '</div>' + n.productName + '';
                            html += '</td>';
                            html += '<td align="center">颜色：' + n.color + '</td>';
                            html += '<td align="center">' + n.size + '</td>';
                            html += '<td align="center">';
                            html += '<div class="c_num">';
                            html += '<input type="button" value="" onClick="jianUpdate1(jq(this));" class="car_btn_1"/>';
                            html += '<input type="text" value="' + n.number + '" name="amount" class="car_ipt"/>';
                            html += '<input type="button" value="" onClick="addUpdate1(jq(this));" class="car_btn_2"/>';
                            html += '</div>';
                            html += '</td>';
                            html += '<td align="center" style="color:#ff4e00;" name="price" id="subtotal' + i + '">' + (n.price * n.number) + '</td>';
                            html += '<td align="center"><a onClick="deleteShop(\'' + n.id + '\')">删除</a>&nbsp; &nbsp;</td>';
                            html += '</tr>';

                            totalPrice2 += (n.price * n.number);
                        })

                        $("#shopBody").html(html);

                        //$("#totalPrice1").html(totalPrice1);
                        //$("#qx").prop("checked", true);
                    }
                })
            }


            //减
            function minus(n) {
                var names = document.querySelectorAll("[name=amount]");
                if (parseInt(names[n].value) > 1) {
                    names[n].value = parseInt(names[n].value) - 1;
                }

                var prices = document.querySelectorAll("[name=price]");
                var total = prices[n].value * names[n].value;
                var price0 = document.querySelector("#price" + n);
                price0.innerHTML = "￥" + total;
                totalPrice();
            }


            //加
            function plus(n) {
                var names = document.querySelectorAll("[name=amount]");
                names[n].value = parseInt(names[n].value) + 1;

                var prices = document.querySelectorAll("[name=price]");
                var total = prices[n].value * names[n].value;
                var price0 = document.querySelector("#price" + n);
                price0.innerHTML = "￥" + total;
                totalPrice();

            }

            //function totalPrice() {
            //    var total = 0;
            //    //购买数量
            //    var names = document.querySelectorAll("[name=amount]");
            //    //购买价格
            //    var prices = document.querySelectorAll("[name=price]");
            //    for (var i = 0; i < names.length; i++) {
            //        total += prices[i].value * names[i].value;
            //    }
            //    document.querySelector("#totalPrice1").innerHTML = "￥" + total;
            //}

            function showCar() {

                var userId = [[${session.loginUser}]].id;

                $.ajax({
                    url: allPath + "/car/showCar.do",
                    data: {
                        /*
                            需要传当前用户的id
                         */
                        "userId": userId
                    },
                    type: "get",
                    dataType: "json",
                    success: function (data) {
                        /*
                            前端页面需要该用户添加到购物车中的商品列表
                            dataList:
                                ["productList":{商品1},{商品2},{商品3}]
                         */
                        var html = "";
                        var price = 0;
                        var num = 0;
                        $.each(data, function (i, n) {

                            html += '<li>';
                            html += '<div class="img">';
                            html += '<a href="#">';
                            html += '<img src="' + allPath + n.imageUrl + '" width="58" height="58"/>';
                            html += '</a>';
                            html += '</div>';
                            html += '<div class="name">';
                            html += '<a href="#">' + n.productName + '</a>';
                            html += '</div>';
                            html += '<div class="price"><font color="#ff4e00">￥' + n.price + '</font>X' + n.number + '</div>';
                            html += '</li>';
                            price += (n.price * n.number);
                            num += n.number;
                        })
                        $("#carList").html(html)
                        $("#carNum").html(num);
                        $("#totalPrice").html(price);
                    }
                })
            }
        </script>
    </head>
    <body>

        <input type="hidden" id="hidden-productName">
        <input type="hidden" id="hidden-productTypeId" th:value="${session.productTypeId}">

        <!--Begin Header Begin-->
        <div class="soubg">
            <div class="sou">
                <!--Begin 所在收货地区 Begin-->
                <span class="s_city_b">
        	<span class="fl">送货至：</span>
            <span class="s_city">
            	<span>四川</span>
                <div class="s_city_bg">
                	<div class="s_city_t"></div>
                    <div class="s_city_c">
                    	<h2>请选择所在的收货地区</h2>
                        <table border="0" class="c_tab" style="width:235px; margin-top:10px;" cellspacing="0"
                               cellpadding="0">
                          <tr>
                            <th>A</th>
                            <td class="c_h"><span>安徽</span><span>澳门</span></td>
                          </tr>
                          <tr>
                            <th>B</th>
                            <td class="c_h"><span>北京</span></td>
                          </tr>
                          <tr>
                            <th>C</th>
                            <td class="c_h"><span>重庆</span></td>
                          </tr>
                          <tr>
                            <th>F</th>
                            <td class="c_h"><span>福建</span></td>
                          </tr>
                          <tr>
                            <th>G</th>
                            <td class="c_h"><span>广东</span><span>广西</span><span>贵州</span><span>甘肃</span></td>
                          </tr>
                          <tr>
                            <th>H</th>
                            <td class="c_h"><span>河北</span><span>河南</span><span>黑龙江</span><span>海南</span><span>湖北</span><span>湖南</span></td>
                          </tr>
                          <tr>
                            <th>J</th>
                            <td class="c_h"><span>江苏</span><span>吉林</span><span>江西</span></td>
                          </tr>
                          <tr>
                            <th>L</th>
                            <td class="c_h"><span>辽宁</span></td>
                          </tr>
                          <tr>
                            <th>N</th>
                            <td class="c_h"><span>内蒙古</span><span>宁夏</span></td>
                          </tr>
                          <tr>
                            <th>Q</th>
                            <td class="c_h"><span>青海</span></td>
                          </tr>
                          <tr>
                            <th>S</th>
                            <td class="c_h"><span>上海</span><span>山东</span><span>山西</span><span class="c_check">四川</span><span>陕西</span></td>
                          </tr>
                          <tr>
                            <th>T</th>
                            <td class="c_h"><span>台湾</span><span>天津</span></td>
                          </tr>
                          <tr>
                            <th>X</th>
                            <td class="c_h"><span>西藏</span><span>香港</span><span>新疆</span></td>
                          </tr>
                          <tr>
                            <th>Y</th>
                            <td class="c_h"><span>云南</span></td>
                          </tr>
                          <tr>
                            <th>Z</th>
                            <td class="c_h"><span>浙江</span></td>
                          </tr>
                        </table>
                    </div>
                </div>
            </span>
        </span>
                <!--End 所在收货地区 End-->
                <span class="fr">
            <span class="fl">
                你好，
                <span th:if="${session.loginUser eq null}">
                    请<a th:href="@{/Login.do}">登录</a>
                </span>
                <span th:unless="${session.loginUser eq null}" th:text="${session.loginUser.username}"></span>
                &nbsp;
                <a th:href="@{/Register.do}" style="color:#ff4e00;">免费注册</a>&nbsp;|&nbsp;
                <a href="javaScript:void(0)" onclick="window.location.href=allPath+'/product/Order.do'">我的订单</a>&nbsp;|
                <a href="javaScript:void(0)" onclick="window.location.href=allPath+'/user/loginOut.do'">退出登录</a>&nbsp;|
            </span>
        	<span class="ss" style="width: 250px">
            	<div class="ss_list">
                	<a href="#">收藏夹</a>
                    <div class="ss_list_bg">
                    	<div class="s_city_t"></div>
                        <div class="ss_list_c">
                        	<ul>
                            	<li><a th:href="@{/product/Collect.do}">我的收藏夹</a></li>
                                <li><a th:href="@{/product/Collect.do}">我的收藏夹</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="ss_list">
                	<a href="#">客户服务</a>
                    <div class="ss_list_bg">
                    	<div class="s_city_t"></div>
                        <div class="ss_list_c">
                        	<ul>
                            	<li><a href="#">客户服务</a></li>
                                <li><a href="#">客户服务</a></li>
                                <li><a href="#">客户服务</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="ss_list">
                	<a href="#">网站导航</a>
                    <div class="ss_list_bg">
                    	<div class="s_city_t"></div>
                        <div class="ss_list_c">
                        	<ul>
                            	<li><a href="#">网站导航</a></li>
                                <li><a href="#">网站导航</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </span>
            <span class="fl">|&nbsp;关注我们：</span>
            <span class="s_sh"><a href="#" class="sh1">新浪</a><a href="#" class="sh2">微信</a></span>
            <span class="fr">|&nbsp;<a href="#">手机版&nbsp;<img th:src="@{/images/s_tel.png}"
                                                              align="absmiddle"/></a></span>
        </span>
            </div>
        </div>
        <div class="top">
            <div class="logo"><a href="Index.html"><img th:src="@{/images/logo.png}"/></a></div>
            <div class="search">
                <form>
                    <input type="text" value="" id="search-productName" class="s_ipt"/>
                    <input type="button" id="searchBtn" value="搜索" class="s_btn"/>
                </form>
                <span class="fl"><a href="#">咖啡</a><a href="#">iphone 6S</a><a href="#">新鲜美食</a><a href="#">蛋糕</a><a
                        href="#">日用品</a><a href="#">连衣裙</a></span>
            </div>
            <div class="i_car">
                <div class="car_t">购物车 [ <span id="carNum"></span> ]</div>
                <div class="car_bg">
                    <!--Begin 购物车未登录 Begin-->
                    <!--<div class="un_login">还未登录！<a href="Login.html" style="color:#ff4e00;">马上登录</a> 查看购物车！</div>-->

                    <div th:if="${session.loginUser eq null}">
                        <div class="un_login">还未登录！
                            <a th:href="@{/Login.do?action='toLogin'}" style="color:#ff4e00;">马上登录</a>
                        </div>
                    </div>
                    <div class="un_login" th:unless="${session.loginUser eq null}">
                        <span th:text="${session.loginUser.username}"></span>&nbsp;&nbsp;&nbsp;<a
                            th:href="@{/car/BuyCar.do}" style="color:#ff4e00;">查看购物车</a>
                    </div>

                    <!--End 购物车未登录 End-->
                    <!--Begin 购物车已登录 Begin-->
                    <ul class="cars" id="carList">
                        <!--<li>
                            <div class="img"><a href="#"><img th:src="@{/images/car1.jpg}" width="58" height="58"/></a>
                            </div>
                            <div class="name"><a href="#">法颂浪漫梦境50ML 香水女士持久清新淡香 送2ML小样3只</a></div>
                            <div class="price"><font color="#ff4e00">￥399</font> X1</div>
                        </li>
                        <li>
                            <div class="img"><a href="#"><img th:src="@{/images/car2.jpg}" width="58" height="58"/></a>
                            </div>
                            <div class="name"><a href="#">香奈儿（Chanel）邂逅活力淡香水50ml</a></div>
                            <div class="price"><font color="#ff4e00">￥399</font> X1</div>
                        </li>
                        <li>
                            <div class="img"><a href="#"><img th:src="@{/images/car2.jpg}" width="58" height="58"/></a>
                            </div>
                            <div class="name"><a href="#">香奈儿（Chanel）邂逅活力淡香水50ml</a></div>
                            <div class="price"><font color="#ff4e00">￥399</font> X1</div>
                        </li>-->
                    </ul>
                    <div class="price_sum">共计&nbsp; <font color="#ff4e00">￥</font><span id="totalPrice">1058</span>
                    </div>
                    <div class="price_a"><a th:href="@{/car/BuyCar.do}">去购物车结算</a></div>
                    <!--End 购物车已登录 End-->
                </div>
            </div>
        </div>
        <!--End Header End-->
        <!--Begin Menu Begin-->
        <div class="menu_bg">
            <div class="menu">
                <!--Begin 商品分类详情 Begin-->
                <div class="nav">
                    <div class="nav_t">全部商品分类</div>
                    <div class="leftNav none">
                        <ul>
                            <li th:each="myOnetMap:${application.typeMap}">
                                <div class="fj">
                                    <span class="n_img"><span></span><img th:src="@{/images/nav1.png}"/></span>
                                    <span class="fl" th:text="${myOnetMap.key}"></span>
                                </div>
                                <div class="zj">
                                    <div class="zj_l" th:each="myTwoList:${myOnetMap.value}">
                                        <div class="zj_l_c" th:each="myTwoMap:${myTwoList}">
                                            <h2 th:text="${myTwoMap.key}"></h2>
                                            <span th:each="threeList:${myTwoMap.value}">
                                                <span th:each="productType:${threeList}">
                                                    <a th:href="@{/product/CategoryList.do(id=${productType.id})}"
                                                       th:text="${productType.name}"></a>
                                                </span>
                                            </span>
                                            <!--<div th:if="${oneList.name eq twoList.proColumn}">-->
                                            <!--    <h2 th:text="${twoList.name}"></h2>-->
                                            <!--    <a href="#"></a>|     -->
                                            <!--</div>-->
                                            <!--<a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a-->
                                            <!--    href="#">巧克力</a>|     -->
                                            <!--<a href="#">口香糖</a>|<a href="#">海苔</a>|<a href="#">鱼干</a>|<a href="#">蜜饯</a>|<a-->
                                            <!--    href="#">红枣</a>|-->
                                            <!--<a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a href="#">蜜饯</a>|-->
                                        </div>
                                    </div>
                                    <div class="zj_r">
                                        <a href="#"><img th:src="@{/images/n_img1.jpg}" width="236" height="200"/></a>
                                        <a href="#"><img th:src="@{/images/n_img2.jpg}" width="236" height="200"/></a>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                <!--End 商品分类详情 End-->
                <ul class="menu_r">
                    <li><a th:href="@{/Index.do}">首页</a></li>
                    <li><a href="Food.html">美食</a></li>
                    <li><a href="Fresh.html">生鲜</a></li>
                    <li><a href="HomeDecoration.html">家居</a></li>
                    <li><a href="SuitDress.html">女装</a></li>
                    <li><a href="MakeUp.html">美妆</a></li>
                    <li><a href="Digital.html">数码</a></li>
                    <li><a href="GroupBuying.html">团购</a></li>
                </ul>
                <div class="m_ad">中秋送好礼！</div>
            </div>
        </div>
        <!--End Menu End-->
        <div class="i_bg">
            <div class="content mar_20">
                <img th:src="@{/images/img1.jpg}"/>
            </div>

            <!--Begin 第一步：查看购物车 Begin -->
            <div class="content mar_20">
                <table border="0" class="car_tab" style="width:1200px; margin-bottom:50px;" cellspacing="0"
                       cellpadding="0">
                    <thead>
                    <tr>
                        <td class="car_th" width="360" colspan="2">商品名称</td>
                        <td class="car_th" width="140">属性</td>
                        <td class="car_th" width="130">容量大小</td>
                        <td class="car_th" width="150">购买数量</td>
                        <td class="car_th" width="140">小计</td>
                        <td class="car_th" width="150">操作</td>
                    </tr>
                    </thead>
                    <tbody id="shopBody">
                    <!--<tr>
                        <td>
                            <div class="c_s_img"><img th:src="@{/images/c_1.jpg}" width="73" height="73"/></div>
                            Rio 锐澳 水蜜桃味白兰地鸡尾酒（预调酒
                        </td>
                        <td align="center">颜色：灰色</td>
                        <td align="center">30ml</td>
                        <td align="center">
                            <div class="c_num">
                                <input type="button" value="" onclick="jianUpdate1(jq(this));" class="car_btn_1"/>
                                <input type="text" value="1" name="" class="car_ipt"/>
                                <input type="button" value="" onclick="addUpdate1(jq(this));" class="car_btn_2"/>
                            </div>
                        </td>
                        <td align="center" style="color:#ff4e00;">￥620.00</td>
                        <td align="center"><a onclick="ShowDiv('MyDiv','fade')">删除</a>&nbsp; &nbsp;
                        </td>
                    </tr>-->
                    </tbody>
                    <!--<tr class="car_tr">-->
                    <!--    <td>-->
                    <!--        <div class="c_s_img"><img th:src="@{/images/c_2.jpg}" width="73" height="73"/></div>-->
                    <!--        Rio 锐澳 水蜜桃味白兰地鸡尾酒（预调酒） 275ml-->
                    <!--    </td>-->
                    <!--    <td align="center">颜色：白色</td>-->
                    <!--    <td align="center">30ml</td>-->
                    <!--    <td align="center">-->
                    <!--        <div class="c_num">-->
                    <!--            <input type="button" value="" onclick="jianUpdate1(jq(this));" class="car_btn_1"/>-->
                    <!--            <input type="text" value="1" name="" class="car_ipt"/>-->
                    <!--            <input type="button" value="" onclick="addUpdate1(jq(this));" class="car_btn_2"/>-->
                    <!--        </div>-->
                    <!--    </td>-->
                    <!--    <td align="center" style="color:#ff4e00;">￥620.00</td>-->
                    <!--    <td align="center"><a href="#">删除</a>&nbsp; &nbsp;<a href="#">加入收藏</a></td>-->
                    <!--</tr>-->
                    <!--<tr>-->
                    <!--    <td>-->
                    <!--        <div class="c_s_img"><img th:src="@{/images/c_3.jpg}" width="73" height="73"/></div>-->
                    <!--        Rio 锐澳 水蜜桃味白兰地鸡尾酒（预调酒） 275ml-->
                    <!--    </td>-->
                    <!--    <td align="center">颜色：灰色</td>-->
                    <!--    <td align="center">-->
                    <!--        <div class="c_num">-->
                    <!--            <input type="button" value="" onclick="jianUpdate1(jq(this));" class="car_btn_1"/>-->
                    <!--            <input type="text" value="1" name="" class="car_ipt"/>-->
                    <!--            <input type="button" value="" onclick="addUpdate1(jq(this));" class="car_btn_2"/>-->
                    <!--        </div>-->
                    <!--    </td>-->
                    <!--    <td align="center" style="color:#ff4e00;">￥620.00</td>-->
                    <!--    <td align="center">26R</td>-->
                    <!--    <td align="center"><a href="#">删除</a>&nbsp; &nbsp;<a href="#">加入收藏</a></td>-->
                    <!--</tr>-->
                    <!--<tr class="car_tr">-->
                    <!--    <td>-->
                    <!--        <div class="c_s_img"><img th:src="@{/images/c_4.jpg}" width="73" height="73"/></div>-->
                    <!--        Rio 锐澳 水蜜桃味白兰地鸡尾酒（预调酒） 275ml-->
                    <!--    </td>-->
                    <!--    <td align="center">颜色：灰色</td>-->
                    <!--    <td align="center">-->
                    <!--        <div class="c_num">-->
                    <!--            <input type="button" value="" onclick="jianUpdate1(jq(this));" class="car_btn_1"/>-->
                    <!--            <input type="text" value="1" name="" class="car_ipt"/>-->
                    <!--            <input type="button" value="" onclick="addUpdate1(jq(this));" class="car_btn_2"/>-->
                    <!--        </div>-->
                    <!--    </td>-->
                    <!--    <td align="center" style="color:#ff4e00;">￥620.00</td>-->
                    <!--    <td align="center">26R</td>-->
                    <!--    <td align="center"><a href="#">删除</a>&nbsp; &nbsp;<a href="#">加入收藏</a></td>-->
                    <!--</tr>-->
                    <tr height="70">
                        <td colspan="6" style="font-family:'Microsoft YaHei'; border-bottom:0;">
                            <label class="r_rad"><input type="checkbox" id="qx"/></label><label
                                class="r_txt">清空购物车</label>
                            <span class="fr">商品总价：￥<b style="font-size:22px; color:#ff4e00;"
                                                      id="totalPrice1"></b></span>
                        </td>
                    </tr>
                    <tr valign="top" height="150">
                        <td colspan="6" align="right">
                            <a href="javascript:void(0);" onclick="toCategoryList()"><img th:src="@{/images/buy1.gif}"/></a>
                            &nbsp; &nbsp;
                            <a href="javascript:void(0);" onclick="toBuyCarTwo()"><img
                                    th:src="@{/images/buy2.gif}"/></a>
                        </td>
                    </tr>
                </table>

            </div>
            <!--End 第一步：查看购物车 End-->


            <!--Begin 弹出层-删除商品 Begin-->
            <div id="fade" class="black_overlay"></div>
            <div id="MyDiv" class="white_content">
                <div class="white_d">
                    <div class="notice_t">
                        <span class="fr" style="margin-top:10px; cursor:pointer;"
                              onclick="CloseDiv('MyDiv','fade')"><img th:src="@{/images/close.gif}"/></span>
                    </div>
                    <div class="notice_c">

                        <table border="0" align="center" style="font-size:16px;" cellspacing="0" cellpadding="0">
                            <tr valign="top">
                                <td>您确定要把该商品移除购物车吗？</td>
                            </tr>
                            <tr height="50" valign="bottom">
                                <td><a href="#" class="b_sure">确定</a><a href="#" class="b_buy">取消</a></td>
                            </tr>
                        </table>

                    </div>
                </div>
            </div>
            <!--End 弹出层-删除商品 End-->


            <!--Begin Footer Begin -->
            <div class="b_btm_bg bg_color">
                <div class="b_btm">
                    <table border="0" style="width:210px; height:62px; float:left; margin-left:75px; margin-top:30px;"
                           cellspacing="0" cellpadding="0">
                        <tr>
                            <td width="72"><img th:src="@{/images/b1.png}" width="62" height="62"/></td>
                            <td><h2>正品保障</h2>正品行货 放心购买</td>
                        </tr>
                    </table>
                    <table border="0" style="width:210px; height:62px; float:left; margin-left:75px; margin-top:30px;"
                           cellspacing="0" cellpadding="0">
                        <tr>
                            <td width="72"><img th:src="@{/images/b2.png}" width="62" height="62"/></td>
                            <td><h2>满38包邮</h2>满38包邮 免运费</td>
                        </tr>
                    </table>
                    <table border="0" style="width:210px; height:62px; float:left; margin-left:75px; margin-top:30px;"
                           cellspacing="0" cellpadding="0">
                        <tr>
                            <td width="72"><img th:src="@{/images/b3.png}" width="62" height="62"/></td>
                            <td><h2>天天低价</h2>天天低价 畅选无忧</td>
                        </tr>
                    </table>
                    <table border="0" style="width:210px; height:62px; float:left; margin-left:75px; margin-top:30px;"
                           cellspacing="0" cellpadding="0">
                        <tr>
                            <td width="72"><img th:src="@{/images/b4.png}" width="62" height="62"/></td>
                            <td><h2>准时送达</h2>收货时间由你做主</td>
                        </tr>
                    </table>
                </div>
            </div>
            <div class="b_nav">
                <dl>
                    <dt><a href="#">新手上路</a></dt>
                    <dd><a href="#">售后流程</a></dd>
                    <dd><a href="#">购物流程</a></dd>
                    <dd><a href="#">订购方式</a></dd>
                    <dd><a href="#">隐私声明</a></dd>
                    <dd><a href="#">推荐分享说明</a></dd>
                </dl>
                <dl>
                    <dt><a href="#">配送与支付</a></dt>
                    <dd><a href="#">货到付款区域</a></dd>
                    <dd><a href="#">配送支付查询</a></dd>
                    <dd><a href="#">支付方式说明</a></dd>
                </dl>
                <dl>
                    <dt><a href="#">会员中心</a></dt>
                    <dd><a href="#">资金管理</a></dd>
                    <dd><a href="#">我的收藏</a></dd>
                    <dd><a href="#">我的订单</a></dd>
                </dl>
                <dl>
                    <dt><a href="#">服务保证</a></dt>
                    <dd><a href="#">退换货原则</a></dd>
                    <dd><a href="#">售后服务保证</a></dd>
                    <dd><a href="#">产品质量保证</a></dd>
                </dl>
                <dl>
                    <dt><a href="#">联系我们</a></dt>
                    <dd><a href="#">网站故障报告</a></dd>
                    <dd><a href="#">购物咨询</a></dd>
                    <dd><a href="#">投诉与建议</a></dd>
                </dl>
                <div class="b_tel_bg">
                    <a href="#" class="b_sh1">新浪微博</a>
                    <a href="#" class="b_sh2">腾讯微博</a>
                    <p>
                        服务热线：<br/>
                        <span>400-123-4567</span>
                    </p>
                </div>
                <div class="b_er">
                    <div class="b_er_c"><img th:src="@{/images/er.gif}" width="118" height="118"/></div>
                    <img th:src="@{/images/ss.png}"/>
                </div>
            </div>
            <div class="btmbg">
                <div class="btm">
                    备案/许可证编号：蜀ICP备12009302号-1-www.dingguagua.com Copyright © 2015-2018 尤洪商城网 All Rights Reserved. 复制必究 ,
                    Technical Support: Dgg Group <br/>
                    <img th:src="@{/images/b_1.gif}" width="98" height="33"/><img th:src="@{/images/b_2.gif}" width="98"
                                                                                  height="33"/><img
                        th:src="@{/images/b_3.gif}" width="98" height="33"/><img th:src="@{/images/b_4.gif}" width="98"
                                                                                 height="33"/><img
                        th:src="@{/images/b_5.gif}"
                        width="98" height="33"/><img
                        th:src="@{/images/b_6.gif}" width="98" height="33"/>
                </div>
            </div>
            <!--End Footer End -->
        </div>

    </body>

    <!--&lt;!&ndash;[if IE 6]>-->
    <!--<script src="//letskillie6.googlecode.com/svn/trunk/2/zh_CN.js"></script>-->
    <!--<![endif]&ndash;&gt;-->
</html>
